<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>弓友之家</title>
    <link rel="stylesheet" href="css/mui.css" />
    <link rel="stylesheet" href="fonts/iconfont.css" />
    <link rel="stylesheet" href="css/style.css" />
    <style>
    	.index-serach{padding: 0 15px 0 0;}
    	.index-serach form{margin-top: 7px;}
    </style>
</head>
<body>
	<header class="mui-bar mui-bar-nav index-serach">
		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		<h1 class="mui-title">战队详情</h1>
		<!--<a class="mui-icon mui-icon-more-filled mui-pull-right shareBtn"></a>-->
	</header>
	<div class="mui-content">
		<style>
			.detail{padding: 10px;}
			.detail .img img{width: 100%;}
			.detail h5{color: #333; font-size: 14px; margin-bottom: 10px; padding-left: 5px; border-left: 3px solid #F68509;}
			.detail .text p{color: #444; margin-bottom: 0;}
		</style>
		<div class="detail">
			<div class="img"><img src=""/></div>
			<h5>团队简单介绍</h5>
			<div class="text1 text"></div>
			<h5>比赛历史记录</h5>
			<div class="text2 text"></div>
		</div>
		<div class="search-member">
			<header>阿米尔河南战队会员列表</header>
			<ul class="mui-table-view">
				
			</ul>
		</div>
	</div>
	<br />
	<!--分享-->
	<div class="shareWx mui-hidden"> 
		<ul class="mui-list-unstyled">
			<li class="tel"><a href="javascript:void(0)" onclick="shareWeixinMessage(1)">微信好友</a></li>
			<li class="qq"><a href="javascript:void(0)" onclick="shareWeixinMessage(2)">朋友圈</a></li>
		</ul>
		<button type="button" class="cancleShare">取消</button>
	</div>
	<script type="text/javascript" src="js/mui.min.js" ></script>
	<script type="text/javascript" src="js/jquery-1.8.3.min.js" ></script>
	<script type="text/javascript" src="js/common.js" ></script>
	<script type="text/javascript" charset="utf-8">
      	mui.init();
      	mui.plusReady(function(){
      		var _self=plus.webview.currentWebview();
      		var id=_self.mid;
      		mui.ajax(H_SRC+'/amier/index/member_list',{
				data:{
					token:token,
					team_id:id
				},
				dataType:'json',
				type:'post',
				timeout:10000,             
				success:function(data){
					$(".detail .img img").attr("src",H_SRC+''+data.team_info.logo);
					$(".text1").html(data.team_info.des);
					$(".text2").html(data.team_info.win_record);
					var dataurl=data.data;
					$(".search-member header").html("会员列表")
					if(data.code == 1){
						var html="";
						for(var i=0;i<dataurl.length;i++){
							html+='<li class="mui-table-view-cell"><a data-id="'+dataurl[i].id+'"><div class="mui-row"><div class="mui-col-xs-4 mui-ellipsis">'+dataurl[i].number+'</div><div class="mui-col-xs-4 mui-ellipsis">'+dataurl[i].realName+'</div><div class="mui-col-xs-4 mui-ellipsis">'+dataurl[i].mobile.replace(/(\d{3})\d{4}(\d{4})/, '$1****$2')+'</div></div></a></li>'
						}
						$(".mui-table-view").html(html);
					}else{
						mui.toast(data.msg);
					}
				},
				error:function(){
					
				}
			}) 
      	})
      	
		$(".search-member").on("tap","a",function(){ 
      		var mid=$(this).attr("data-id");
      		mui.openWindow({
				url:'integralrank-page.html',
				id:'integralrank-page.html',
				createNew:true,
				show: {
					autoShow: true,
					aniShow: 'slide-in-right',
					duration: 200
				},
				extras:{
					mid:mid
				}
			});
      	})
    </script>
</body>
</html>